#header, #footer .page-wrap {display:none;}
#zclipApp {padding-top:5px;}
#filters {padding:0 5px;}

.clip {max-width:146px;}
.clip, .clip img {height:195px;}

.search-box {margin-left:5px; margin-right:5px;}
.btn.go-button {background-image:url(../next.png); background-repeat:no-repeat; background-position:50% 50%; width:42px;}
.btn.del-button {background-image:url(../del.png); background-repeat:no-repeat; background-position:50% 50%; width:42px;}

.filters {margin:5px;}
.filters input {display:none;}
.filters label {display:block;}
.filters .dropdown-menu {min-width:120px; border-radius:0px; }
.tab-list {padding-left:5px;}
.tab-content {padding-top:8px; background-color:#fff;}

.clips-more {cursor:pointer; text-align:center;}

@media screen and (max-width : 300px) {
	.tab-list>li>a {padding:8px 6px;}
}
@media screen and (max-width:319px) {
	.clip {width:100%;}
}
@media screen and (min-width:320px) and (max-width:539px) {
	.clip {width:50%;}
}
@media screen and (min-width:540px) and (max-width:779px) {
	.clip {width:33.333333%;}
}

.clip-info .film-basic h4 {color:#5ab40a; line-height:1.2em; margin-top:0px;}
.clip-info .film-basic h5 {color:#7d7d7d; font-weight:normal;}
.clip-info .nav, .clips-more {background-color: #686868; color:#FFD146; text-transform: uppercase; padding:5px;}
.clip-info span.title {display:block;}
.clip-info span.bold {font-weight:bold;}
.clip-info img {max-width:100%;}
.clip-info .film-info, .clip-info .film-desc {padding:5px;}
.clip-info dl {float:left; }
.clip-info dt {clear:left; float:left; margin-right:10px;}
.clip-info .chaps {padding:10px 0 0 10px; font-size:0.9em;}
.clip-info .chaps a {display: inline-block; padding:10px; border: 1px solid #CCCCCC; border-radius:3px; margin:0 10px 10px 0; background-color: #f1f1f1; min-width:30px; text-align: center;}
.clip-info .chaps a.played {background-color:#ffffff; color:#5ab40a; font-weight:bold;} 

.clip-info .film-basic {padding:5px;}
.clip-info .thumb {margin-right:10px; height:110px;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.clip-info .intro,.clip-info .intro iframe {width:100%; overflow:hidden;}
.clip-info .intro .inw {padding:10px;}
.clip-info .intro .info-content {padding: 0px 10px 0px 10px; }